/*
 * Feature Carousel Widget
 */
div.widget_op_feature_carousel{
	position:relative;
	width: auto;
}
div.widget_op_feature_carousel div.op_feature_carousel_features{
	background-color: #F3F3F3;
	border: 1px solid #DDDDDD;
	padding: 4px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

/** Handle Features **/

/******************
 DEFAULT STYLE
*******************/
div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0; /* ATTN: There CANNOT be padding on this class */
	width: 100%;
	height: 200px;
	overflow:hidden;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features li{
	position:relative;
	float:left;
	display:block;
	height: 200px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: #eee;  /* If background color doesn't exist, crossfade will be abrupt */
	font-family: Arial;
	font-size: 93%;
	z-index: 0;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features li h2{
	position:relative;
	background-color:transparent;
	font-size:200%;
	margin: 0;
	padding: 2px 3px;
	font-weight: bold;
}

/* cross-browser drop shadow (no ie6) */
div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features h2 a { display:block; color:#333; text-decoration:none; }

div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features li span.image{
	margin:10px 10px 0 0;
	padding:0;
	float:right;
	z-index:0;
	width:240px;
	height:180px;
	display:block;
	overflow:hidden;
	margin-left: 10px;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features li span.image img{
	width:auto;
	height:180px;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_features ul.features li p{
	color:#333;
	padding: 5px;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links{
	background-color:transparent;
	position:absolute;
	bottom:20px;
	left:20px;
	white-space:nowrap;
	padding: 3px 3px;
	margin: 0 auto;
	z-index: 4;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links div.title{
	float: left;
	color:white;
	font-size:93%;
	margin:3px 3px 0 0;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links ul{
	display: inline;	
	padding:0;
	margin:0;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links ul li{
	display:inline;
	float:left;
	margin: 0 0 0 2px;
	background: #999;
	border: 1px solid #fff;
	font-family: Arial;
	font-size: 77%;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links ul li.selected{
	background: #451800;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links ul li a{
	color: #fff;
	display:block;
	padding: 3px;
}

div.widget_op_feature_carousel.default div.op_feature_carousel_links ul li a:hover{
	background: #666;
}

/************
 PHOTO STYLE
*************/
div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features{
	position: relative;
	list-style: none;
	margin: 0;
	padding: 0; /* ATTN: There CANNOT be padding on this class */
	width: 100%;
	height: 200px;
	overflow: hidden;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li{
	position:relative;
	float:left;
	display:block;
	height: 200px;
	width: 100%;
	padding: 0;
	margin: 0;
	background: white;	background: #eee;
	font-family: Arial;
	font-size: 93%;
	text-align: justify;
	z-index: 0;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li h2{
	position:relative;
	top:6px;
	left:6px;
	background-color:transparent;
	font-size:200%;
	margin: 0;
	padding: 2px 3px;
	letter-spacing: 1px;
	font-weight: bold;
}


div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features h2 a { position:absolute; display:block; top:0px; color:#fff; text-decoration: none; }
/* cross-browser drop shadow (no ie6) */
/*div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features h2:before { display:block; padding-left:2px; content: attr(title); color:#000; }*/

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li span.image{
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
	background:#727272; /* background that is displayed when image is centered */
	width:100%;
	height:100%;	
	display:block;
	overflow:hidden;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li span.image img{
	display:block;
	margin: 0 auto;
	width:auto;
	height:200px;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li div.p_wrap{
	position:absolute;
	bottom:0px;
	left:0px;
	display:block; 
	background-color:#000;
	/*opacity: 0.5;*/
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
	z-index:2;	
	padding: 5px 3px;
	margin:0;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_features ul.features li p{
	color:#fff;
	font-weight: 400;

}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links{
	background-color:transparent;
	position:absolute;
	top:24px;
	right:32px;
	white-space:nowrap;
	padding: 3px 3px;
	margin: 0 auto;
	z-index: 4;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links div.title{
	float: left;
	color:white;
	font-size:93%;
	margin:3px 3px 0 0;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul{
	display: inline;	
	padding:0;
	margin:0;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul li{
	display:inline;
	float:left;
	margin: 0 0 0 2px;
	background: #999;
	border: 1px solid #fff;
	font-family: Arial;
	font-size: 77%;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul li.selected{
	background: #451800;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul li.selected a:hover{ color: #fff; }

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul li a{
	color: #fff;
	display:block;
	padding: 3px;
}

div.widget_op_feature_carousel.photo div.op_feature_carousel_links ul li a:hover{
	background: #666;
}

/*
 * Featurette Tabs Widget
 */
div.widget_op_featurette_tabs h2{
	padding: 3px;
	margin: 0;
}

div.op_featurette_tabs{
	border: 1px solid #DDDDDD;
	padding: 4px;
	margin: 5px 0 0 5px;
	background: #fefeff;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-moz-border-radius-topleft:3px;
	-moz-border-radius-topright:3px;
}

div.op_featurette_tabs_tabs{
	padding: 0;
	margin: 0;
	height: 35px;
	float:left;
}

div.op_featurette_tabs_tabs ul{
	background: none;
}

div.op_featurette_tabs_tabs ul, div.op_featurette_tabs_tabs li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.op_featurette_tabs_tabs ul li{
	float:left;
	margin: 3px 2px;
}

div.op_featurette_tabs_tabs ul li a{
	font-size: 85%;
	letter-spacing: .1em;
	display:block;
	background: #eee;
	padding: 7px 5px;
	text-decoration: none;
	color: #6D6D6D;
}

div.op_featurette_tabs_tabs ul li a:hover{
	background: #CBCBCB;
}

div.op_featurette_tabs_tabs ul li.selected a{
	background: #3B5E8E;
	color: #fff;
}

div.op_featurette_datasets{
	position:relative;
	overflow: hidden;
	visibility: visible;
}

div.op_featurette_datasets div{
	position:absolute;
}

div.op_featurette_datasets div.tabbed_dataset-1, div.op_featurette_datasets div div{
	position: relative;
}

div.op_featurette_datasets div.hide{
	visibility: hidden;
}

div.op_featurette_datasets span.inside_content{
	padding: 2px;
	display:block;
}

div.op_featurette_datasets span.inside_content h3{
	font-size: 90%;
	margin: 3px 0 0 0;
}

div.op_featurette_datasets span.inside_content h3 a{
	text-decoration:none;
	font-weight: bold;
	margin: 0;
}

div.op_featurette_datasets span.inside_content p{
	font-size: 84%;
	text-align:left;
}

div.op_featurette_datasets div.oneup{
	display:block;
}

div.op_featurette_datasets div.oneup img{
	width: 240px;
}

div.op_featurette_datasets div.twoup{
	width: 115px;
	float:left;
	padding: 2px;
}

div.op_featurette_datasets div.twoup img{
	width: 115px;
}


/*
 * Featurette tabs
 */
a.op_featurette_tabs_control{
	display:block;
	float:right;
	background: url(images/featurette_tabs_play.gif) no-repeat -16px 0;
	width: 16px;
	height: 16px;
	margin: 7px 5px;
	z-index: 101;
}

a.op_featurette_tabs_control.paused{
	background-position: 0 0;
}


/*
 * Tabbed Content Widget
 */
div.widget_op_tabbedcontent{
	height: 100%;
}

div.widget_op_tabbedcontent h2{
	font-size: 100%;
	font-weight: bold;
	padding: 3px;
	margin: 0;
	color: #3B5E8E;
}

div.op_tabbed_content{
	border: 1px solid #CBCBCB;
	background: #fefeff;
	padding: 1px;
}

div.op_tabbed_tabs{
	padding: 0;
	margin: 0;
	height: 35px;
	float:left;	
}

div.op_tabbed_tabs ul, div.op_tabbed_tabs li{
	margin: 0;
	padding: 0;
	list-style: none;
}

div.op_tabbed_tabs ul li{
	float:left;
	margin: 3px 2px;
}

div.op_tabbed_tabs ul li a{
	font-size: 85%;
	letter-spacing: .1em;
	display:block;
	background: #eee;
	padding: 7px 5px;
	text-decoration: none;
	color: #6D6D6D;
}

div.op_tabbed_tabs ul li a:hover{
	background: #CBCBCB;
}

div.op_tabbed_tabs ul li.selected a{
	background: #3B5E8E;
	color: #fff;
}

div.op_tabbed_content div.op_tabbed_datasets{
	padding: 10px;
}

div.op_tabbed_datasets div.hide{
	display:none;
}

div.op_tabbed_datasets ul, div.op_tabbed_datasets li{
	margin: 2px 0;
	padding: 0;
	list-style: none;
}

/*
 * Search Widget
 */
div.widget_multi_search{
	border: 1px solid #CBCBCB;
	padding: 3px;
	background: #eee;
}

div.widget_multi_search input[type="text"]{
	width: 180px;
}

div.widget_multi_search input[type="submit"]{
	text-align:right;
	padding: 0 3px;
}

/*
 * Pagination Widget
 */
div.widget_op_op_pagination{
	text-align: center;
}

div.widget_op_op_pagination span{
	margin: 0 3px;
	padding: 2px 3px;
	color: #666;
	background: #eee;
	border: 1px solid #666;
}

div.widget_op_op_pagination span.current{
	background: #666;
	color: white;
}

/** Calendar Widget **/
div.widget_op_op_calendar table{
	border: 1px solid #000;
}

div.widget_op_op_calendar #prev a, div.widget_op_op_calendar #next a {
	font-size: 9pt;
	}

div.widget_op_op_calendar a {
	text-decoration: none;
	}

div.widget_op_op_calendar caption {
	font: bold 1.3em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	text-align: center;
	}

div.widget_op_op_calendar th {
	font-style: normal;
	text-transform: capitalize;
	}

div.widget_op_op_calendar tfoot td{
	border: none;
}

div.widget_op_op_calendar td.pad{
	border: none;
}

/** phpBB content widget **/
div.widget_op_phpbb_content ul{
	margin: 0;
	color: #333;
}

div.widget_op_phpbb_content li{
	list-style:none;
	padding: 5px;
}

div.widget_op_phpbb_content span{
	display:block;
	font-size: 88%;
	padding: 2px 0;
}

div.widget_op_phpbb_content span.avatar{
	float:right;
	width: 32px;
	margin-top: 5px;
}

div.widget_op_phpbb_content h3{
	margin: 0;
}

div.widget_op_phpbb_content h5{
	font-weight: normal;
	font-size: 88%;
	color: #666;
}

div.widget_op_phpbb_content span.post_info{
	color: #333;
}

div.widget_op_phpbb_content span.post_forum{
	color: #666;
}